<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Amantes</title>
	<meta name="description" content="">
	<link rel="shortcut icon" href="favicon.ico">
	<link rel="stylesheet" href="css/style.css" media="all">
	<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css" media="all">
	<link rel="stylesheet" href="css/print.css" media="print">
	<!--[if lt IE 9]><script src="js/html5shiv.js"></script><![endif]-->
	<style>
		#content .container, #footer { display:none; }
		#content { padding-top:0; }
	</style>
</head>
<body>
	<!-- content -->
	<div id="content">
		<!-- placeholder -->
		<div align="center"><img src="img/index.png" alt=""></div>
		<!-- /placeholder -->
		<div class="container home">
			<div class="grid-12">
				<div class="home-row clearfix">
					<a class="home-nav" href="test.html">
						<img src="img/nav_01.png" alt="">
						Test del amor<br>
						<small>Descubre tu forma de amar</small>
					</a>
					<a class="home-nav" href="videos.html">
						<img src="img/nav_02.png" alt="">
						Videos amantes
					</a>
				</div>
				<div class="home-row clearfix">
					<a class="home-nav" href="datos.html">
						<img src="img/nav_03.png" alt="">
						Algunos datos
					</a>
					<a class="home-nav" href="libros.html">
						<img src="img/nav_04.png" alt="">
						Libros
					</a>
				</div>
				<div class="home-row clearfix">
					<a class="home-nav last">
						<img src="img/nav_05.png" alt="">
						Cuéntanos tu<br>
						historia
					</a>
					<a class="home-nav last">
						<img src="img/nav_06.png" alt="">
						Tus dudas
					</a>
				</div>
				<div class="heart">
					<img class="trigger" src="img/logo_home.png" alt="">
					<div class="tooltip cloud">
						<div class="cloud-text">
							<h3>¡Amantes son los que aman!</h3>
							<p>
								Algunos piensan que el amor es, sin más,
								una atracción, un deseo o un sentimiento
								inalcanzable, irreal o, en todo caso
								pasajero.
							</p>
							<p>
								Pero el amor implica mucho más.
								En el amor hay respeto, compromiso mutuo,
								espacios para compartir, posibilidad constante
								de ser perdonado y de perdonar.
								Es verdad que conlleva algunas renuncias
								y algo de esfuerzo, pero posibilita
								construir un proyecto común que dure.
								Este amor es real y tú puedes alcanzarlo.
							</p>
							<p>
								Hemos preparado esta página web
								con la confianza de que podrás encontrar
								en ella ideas que te ayuden a ser ese tipo de "amante".
							</p>
						</div>
					</div>
				</div>
				<div class="home-video">
					<div id="player"><iframe width="720" height="405" src="http://www.youtube.com/embed/fBDuKNmL0Bo" frameborder="0" allowfullscreen></iframe></div>
					<img class="deco-video" src="img/deco_video.png" alt="">
				</div>
			</div>
		</div>
	</div>
	
	<!-- footer -->
	<footer id="footer">
		<div class="container">
			<div class="grid-12">
				<ul class="social-links">
					<li><a target="_blank" href="#"><img src="img/tw.png" alt=""></a></li>
					<!--<li><a target="_blank" href="#"><img src="img/fb.png" alt=""></a></li>-->
					 <li><a target="_blank" href="http://www.youtube.com/channel/UCBO13scTspwuU-5iwFGDUtw?feature=watch"><img src="img/yt.png" alt=""></a></li>
				</ul>
				<div class="about alt">
					<a class="trigger"><big>&laquo;</big>Acerca de esta página<big>&raquo;</big></a>
					<div class="tooltip cloud">
						<p>
							<a href="quienes_somos.html">Hemos preparado</a> esta página web
							con la confianza de que podrás encontrar
							en ella ideas que te ayuden a ser ese tipo de "amante".
						</p>
					</div>
				</div>
			</div>
		</div>
	</footer>
	
	<!-- javascript -->
	<script src="js/jquery.tools.min.js"></script>
	<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
	<script src="js/swfobject.js"></script>
	<script src="js/script.js"></script>
</body>
</html>